{extend name='template/base'}{/extend}
{block name='title'}{/block}
{block name='style'}{/block}
{block name='script'}{/block}
{block name='footer'}{/block}
{block name='content'}
<body>
    <header class="header">
        <div>
            <a class="goback"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
            收银台
        </div>
    </header>
    <div id="pay_page" class="pages">
        <div class="list-form other not-t">
            <ul>
                <li>
                    订单编号：
                    <span class="pull-right">{$order_item.order_sn}</span>
                </li>
                <li>
                    订单金额：
                    <span class="pull-right color-primary">￥{$order_item.total_amount}</span>
                </li>
            </ul>
            <!--<ul>
                <li>
                    <a href="" class="list-form-link">
                        <div class="icon"><i class="iconfont icon-weixin"></i></div>
                        <div>
                            <div>微信支付</div>
                            <p>微信安全支付</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="" class="list-form-link">
                        <div class="icon"><i class="iconfont icon-yue"></i></div>
                        <div>
                            <div>余额支付</div>
                            <p>当前余额：1000.00</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="" class="list-form-link">
                        <div class="icon"><i class="iconfont icon-fukuan"></i></div>
                        <div>
                            <div>货到付款</div>
                            <p>货到付款</p>
                        </div>
                    </a>
                </li>
            </ul>-->
            <ul class="cash-register">
                <li>
                    <div @tap.stop="wechat_item_pay({$order_item.id})">
                        <button  type="button" class="df" style="height: 50px;">
                            <i class="iconfont icon-weixin"></i>
                            微信支付
                        </button>
                    </div>
                    <div @tap.stop="balance_item_pay({$order_item.id})" class="mt-unify">
                        <button type="button" class="df" style="height: 50px;">
                            <i class="iconfont icon-yue"></i>
                            余额支付(余额:{$info.money})
                        </button>
                    </div>
                    <div @tap.stop="delivery_item_pay({$order_item.id})" class="mt-unify">
                        <button type="button" class="df" style="height: 50px;">
                            <i class="iconfont icon-fukuan"></i>
                            货到付款
                        </button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    {/block}
    {block name='script_extra'}
    <script>
        var delivery_item_pay_url = "{:url('order/Order/delivery_item_pay')}";
        var balance_item_pay_url = "{:url('order/Order/balance_item_pay')}";
        var wechat_item_pay_url = "{:url('order/Order/order_item_wechat_pay')}";
        var order_url = "{:url('order/Order/index')}";
        var money = "{$order_item.total_amount}";
        require(['order/order_item_pay']);
    </script>
    {/block}